<template>
  <div class="toupiao">

    <div class="to">
      <div>
        <p>《前端框架应用项目开发》期末作品投票</p>
      </div>
      <div><button
          style="border-radius: 4px;border: none;background-color: #409eff;color: white; position: relative;top: 28%;">投票</button>
      </div>
      <div><button
          style="border-radius: 4px;border: none;background-color: #409eff;color: white;position: relative;left: 1%;top: 28%;">排名</button>
      </div>



    </div>
    <hr>
    <div>
      <p>简介：《前端框架应用项目开发》期末作品投票，其中评审评分占50%，同学评分占50%
        投票时间：2024年5月15日 0:00:00结束时间：2024年5月20日 0:00:00</p>
    </div>

  </div>




</template>


<style>
  .toupiao {
    border: 1px black solid;
    border-radius: 5px;
    width: 800px;
    position: relative;
    top: 60%;
    left: 20%;
  }

  .to {
    display: flex;

  }
</style>